<!DOCTYPE html>
<html>
<head>
<!--
http://code.google.com/p/qingyuehui/
浅蓝的透明颜色是：#c5e7f2
棕色的透明颜色是：#c7bdb7
深蓝的透明颜色是：#a2d5e8
-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="assets/images/favicon.ico" mce_href="/assets/images/favicon.ico" rel="bookmark" type="image/x-icon" /> 
<link href="assets/images/favicon.ico" mce_href="/assets/images/favicon.ico" rel="icon" type="image/x-icon" /> 
<link href="assets/images/favicon.ico" mce_href="/assets/images/favicon.ico" rel="shortcut icon" type="image/x-icon" /> 
<title>轻约会 - 发现约会</title>
<link href="mainstyle2.css" rel="stylesheet" type="text/css" >
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
</head>

<body align="center">
<div id="container" align="center">
    <div id="header">
        <div id="header_content" class="locate_center" align="left">
            <div id="logo"><a href="http://marksheng.net">“轻约会logo”</a>
            </div>
            <a href="#"><input type="button" id="discovery-event" class="header_discover" value="发现约会"/></a>
            <a href="#"><input type="button" id="discovery-friend" class="header_discover" value="发现伙伴"/></a>
            <a href="#"><input type="button" id="person" class="header_message" value="“用户”"/></a>
            <a href="#"><input type="button" id="settings" class="header_message"/></a>
            <a href="#"><input type="button" id="message" class="header_message"/></a>
            
            
            
            
        </div>
    </div>
    
    <div id="main" class="locate_center">
        <div id="main_left">
            <div id="left_search">
                search
            </div>
            <div id="left_select">
                <a href="#"><input type="button" id="Button1" class="left_select_item_now" value="全部约会"/></a>
                <a href="#"><input type="button" id="Button2" class="left_select_item" value="我关注的"/></a>
                <a href="#"><input type="button" id="Button3" class="left_select_item" value="我参加的"/></a>
                <a href="#"><input type="button" id="Button4" class="left_select_item" value="我发起的"/></a>
                <a href="#"><input type="button" id="Button5" class="left_select_item" value="我收藏的"/></a>
            </div>
        </div>
        <div id="main_right">
            <a href="#"><input type="button" id="right_create" value="发起新约会"/></a>
            <div id="right_ad1">
                <img src="assets/images/movie_sample.png" alt="place_sample"/>
            </div>
            <div id="right_ad2">
                <img src="assets/images/movie_sample.png" alt="place_sample"/>
            </div>
        </div>
        <div id="main_center">
            <div id="center_road">
                发现约会 >> 全部约会
            </div>
            <div id="center_select">
                        <div style="float:left;">约会类型:</div>
                            <div style="position:relative;width:500px;padding:3px;left:20px;line-height:150%;margin-bottom:5px;">
                            <td>全部</td>
                            <td><a href="http://marksheng.net">美食</a></td>
                            <td><a href="http://marksheng.net">运动</a></td>
                            <td><a href="http://marksheng.net">学术</a></td>
                            <td><a href="http://marksheng.net">聚会</a></td>
                            <td><a href="http://marksheng.net">公益</a></td>
                            <td><a href="http://marksheng.net">旅行郊游</a></td>
                            <td><a href="http://marksheng.net">休闲娱乐</a></td>
                            <td><a href="http://marksheng.net">有偿任务</a></td>
                            <td><a href="http://marksheng.net">有偿任务</a></td>
                            <td><a href="http://marksheng.net">有偿任务</a></td>
                            <td><a href="http://marksheng.net">不告诉你</a></td></div>
                        <div style="float:left;">约会时间:</div>
                            <div style="position:relative;width:540px;left:20px;line-height:150%;padding:3px;margin-bottom:5px;">
                            <td><a href="http://marksheng.net">全部</a></td>
                            <td><a href="http://marksheng.net">美食</a></td>
                            <td><a href="http://marksheng.net">运动</a></td>
                            <td><a href="http://marksheng.net">学术</a></td>
                            <td><a href="http://marksheng.net">聚会</a></td>
                            <td>公益</td>
                            <td><a href="http://marksheng.net">有偿任务</a></td>
                            <td><a href="http://marksheng.net">不告诉你</a></td></div>
                        <div style="float:left;">约会地点:</div>
                            <div style="position:relative;width:540px;left:20px;line-height:150%;padding:3px;">
                            <td><a href="http://marksheng.net">全部</a></td>
                            <td><a href="http://marksheng.net">美食</a></td>
                            <td><a href="http://marksheng.net">运动</a></td>
                            <td><a href="http://marksheng.net">学术</a></td>
                            <td><a href="http://marksheng.net">学术</a></td>
                            <td><a href="http://marksheng.net">学术</a></td>
                            <td><a href="http://marksheng.net">聚会</a></td>
                            <td><a href="http://marksheng.net">公益</a></td>
                            <td><a href="http://marksheng.net">有偿任务</a></td>
                            <td>不告诉你</td></div>
            </div>
            
            <div id="center_sort">
                ↓按发布时间排序/<a href="#">↓按开始时间排序</a>
            </div>
            
            <div id="center_content">
                <div id="Div1" class="event_item">
                    <img src="assets/images/cover.jpg" alt="photo"/>
                    <div class="item_right">
                        <div class="item_right_share"></div>
                        人数<h>4/16</h></br>
                        2012-08-19
                    </div>
                    <div class="item_content">
                        <h><a href="http://marksheng.net">让我们荡起双桨，去郊外划船吧</a></h></br>
                        时间<a href="http://marksheng.net" class="item_gray">明天9点</a></br>
                        地点<a href="http://marksheng.net" class="item_gray">朝阳区朝阳公园</a></br>
                        发起<a href="http://marksheng.net" class="item_gray">胡倩颖怕挂科</a></br>
                    </div>
                </div>
                <div id="Div2" class="event_item">
                    <img src="assets/images/cover.jpg" alt="photo"/>
                    <div class="item_right">
                        <div class="item_right_share"></div>
                        人数<h>4/16</h></br>
                        2012-08-19
                    </div>
                    <div class="item_content">
                        <h><a>让我们荡起双桨，去郊外划船吧</a></h></br>
                        时间<a class="item_gray">明天9点</a></br>
                        地点<a class="item_gray">朝阳区朝阳公园</a></br>
                        发起<a class="item_gray">胡倩颖怕挂科</a></br>
                    </div>
                </div>
                <div id="Div3" class="event_item">
                    <img src="assets/images/cover.jpg" alt="photo"/>
                    <div class="item_right">
                        <div class="item_right_share"></div>
                        人数<h>4/16</h></br>
                        2012-08-19
                    </div>
                    <div class="item_content">
                        <h><a>让我们荡起双桨，去郊外划船吧</a></h></br>
                        时间<a class="item_gray">明天9点</a></br>
                        地点<a class="item_gray">朝阳区朝阳公园</a></br>
                        发起<a class="item_gray">胡倩颖怕挂科</a></br>
                    </div>
                </div>
                <div id="Div4" class="event_item">
                    <img src="assets/images/cover.jpg" alt="photo"/>
                    <div class="item_right">
                        <div class="item_right_share"></div>
                        人数<h>4/16</h></br>
                        2012-08-19
                    </div>
                    <div class="item_content">
                        <h><a>让我们荡起双桨，去郊外划船吧</a></h></br>
                        时间<a class="item_gray">明天9点</a></br>
                        地点<a class="item_gray">朝阳区朝阳公园</a></br>
                        发起<a class="item_gray">胡倩颖怕挂科</a></br>
                    </div>
                </div>
            </div>
            
            <a href="#"><input type="button" id="center_more" value="点击发现更多"/></a>
        </div>

    </div>
    
</div>
<!--foot-->
<div id="foot">
    <div id="foot_content">
        轻约会 2012
        <div id="footRight">
            <a href="http://marksheng.net">关于</a>
            <a href="http://marksheng.net">手机轻约会</a>
            <a href="http://marksheng.net">营销服务</a>
            <a href="http://marksheng.net">招聘</a>
            <a href="http://marksheng.net">客服帮助</a>
            <a href="http://marksheng.net">隐私</a>
        </div>
    </div>
</div>
<div>
    <a href="#"><img src="assets/images/sugg.png" alt="sugg" id="sugg"/></a>
</div>
</body>
</html>